<template>
	<view>
		<view class="head">
			你是公众号的管理员吗？
		</view>
		<view class="authbutton">
			<view class="button-left">
				<text class="title">我是管理员</text>
				<text>如果你是管理员可直接授权</text>
			</view>
			<view class="button-right"><text>去授权</text><view class="iconfont">&#xe616;</view></view>
		</view>
		
		<view class="authbutton">
			<view class="button-left">
				<text class="title">我不是管理员</text>
				<text>如果你是运营者需要向管理员申请授权</text>
			</view>
			<view class="button-right"><text>去申请</text><view class="iconfont">&#xe616;</view></view>
		</view>
		
	</view>
</template>

<script>
	/**
	 * 授权申请
	 */
</script>

<style lang="scss">
	page {
		background-color: #f0f0f0;
	}
	.head{
		width: 90%;
		margin: 30rpx auto;
		text-align: left;
		font-size: 25rpx;
		color: #9c9c9c;
		font-weight: bold;
	}
	.iconfont{
		color: #808080;
		font-size: 28rpx;
	}
	.authbutton{
		width: 90%;
		margin: 30rpx auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #fff;
		border-radius: 20rpx;
		font-size: 28rpx;
		color: #808080;
		height: 150rpx;
		.button-left{
			margin-left: 20rpx;
			display: flex;
			justify-content:center ;
			align-items:  flex-start;
			flex-direction: column;
			.title{
				font-size: 30rpx;
				font-weight: bold;
				color: #333333;
			}
		}
		.button-right{
			margin-right: 20rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>
